.header {
  display: flex;
  align-items: center;
  width: 100vw;
  height: 60px;
  background: var(--primary-color);
  color: var(--white);
  .logo {
    width: 260px;
  }
  .navs {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    .nav {
      padding: 0 10px;
      cursor: pointer;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      &:hover,
      &.active {
        background: var(--primary-color-light);
      }
    }
  }
  .user-info {
    padding: 0 10px;
  }
}
